#css transitions

[crimsoneveline]

More neocities updates!

It has only been ... 5 months! but I added two new pages for my neocities site!

The first one is me experimenting with transitions (in css) and making funky moving shapes!

And the second one is me explaining how the css (transition parts) works! (And why some things didn't work, too)

It was fun getting back into some pure html/css stuff!

[bf-rally]

okay finally colored this!

idk what the sites color theme will be, so the colors will most definitely change but for now we have a logo (ft. my oc A)

[jcmarchi]

Color Mixing With Animation Composition

New Post has been published on https://thedigitalinsider.com/color-mixing-with-animation-composition/

Color Mixing With Animation Composition

Mixing colors in CSS is pretty much a solved deal, thanks to the more recent color-mix() function as it gains support. Pass in two color values — any two color values at all — and optionally set the proportions.

background-color: color-mix(#000 30%, #fff 70%);

We also have the relative color syntax that can manipulate colors from one color space to another and modify them from there. The preeminent use case being a way to add opacity to color values that don’t support it, such as named colors.

background-color: hsl(from black h s l); /* hsl(0 0% 0%) */ background-color: hsl(from black h s l / 50%); /* hsl(0 0% 0% / 50%) */

We can get hacky and overlay one opaque element with another, I suppose.

Same general idea maybe, but with mix-blend-mode?

Another roundabout way of getting there is something I saw this morning when looking over the updates that Ryan added to the animation property in the Almanac. Now, we all know that animation is shorthand for about a gajillion other properties (the order of which always eludes me). One of those is animation-composition and it’s used to… well, Ryan nails the explanation:

Defining a property in CSS also sets what is considered the underlying value of the property. By default, keyframe animations will ignore the underlying value, as they only consider the effect values defined within the animation. Keyframes create a stack of effect values, which determines the order in which the animation renders to the browser. Composite operations are how CSS handles the underlying effect combined with the keyframe effect value.

Manuel Matuzović and Robin Rendle also have excellent ways of explaining the property, the former of which sparked us to update the Almanac.

OK! We have three values supported by animation-composition to replace the underlying property value in favor of the effect value defined in keyframes, add to them, or accumulate for combining multiple values. The add value is what’s interesting to us because… oh gosh, let’s just let Ryan take it:

[I]nstead of replacing an underlying background-color property value with the keyframe’s effect value, the color type values are combined, creating new colors.

A-ha! The example goes like this:

See that? The add value blends the two colors as one transitions to the other. Notice, too, how much smoother that transition is than the replace value, although we wind up with a completely new color at the 100% mark rather than the color we declared in the keyframes. What if we pause the animation at some arbitrary point? Can we extract a new color value from it?

Ryan made this so that hovering on the elements pauses the animation. If we crack open DevTools and force the :hover pseudo on the element, maybe we can head over to the Computed tab to get the new color value.

Interestingly, we get some RGB conversions in there. Probably because updating color channels is easier than converting one hex to another? Browsers do smart stuff.

Now I want to go update my old color interpolation demo…

Hmm, not any different to my untrained eye. Maybe that’s only because we’re changing the HSL’s hue channel and it’s super subtle. Whatever the case, animation-composition can produce new computed color values. What you need those for and what you’d do with them? I dunno, but go wild.

[clonecoding-en]

Exploring Web Animation: CSS vs. JavaScript

This article delves into the realm of web animation, exploring a wide range of techniques used to enhance the visual allure and interactivity of websites. The piece discusses the implementation of various animations using both CSS and JavaScript, highlighting the unique benefits each approach offers. While both CSS and JavaScript can achieve similar animation effects, the article suggests that, in most cases, using CSS is the preferred option due to its advantages.

The article delves into the fundamental concepts and practical examples of different animation techniques, such as transitions, keyframe animations, transforms, rotation and spin, scaling, fade in/fade out, and blinking effects. By showcasing how these techniques can be executed using both CSS and JavaScript, the article aims to empower designers and developers to make informed decisions about which method to choose for their animations. Additionally, the article emphasizes the recommendation to lean towards using CSS for animations, highlighting its benefits in terms of performance, simplicity, and consistent behavior across browsers and devices.

[code-lab]

Plugin Persona en bêta !

C'est dans les larmes, la sueur et le sang que je vous annonce enfin la sortie du générateur de fiche : Persona ✨

Persona est un plugin pour les sujets de gestion de personnage (fiche de présentation, fiche de lien, scénarios, …). Il remplace les codes de mise en page à copier/coller dans un sujet par un formulaire à la création et à l’édition d’un sujet.

Essayez le plugin

Documentation

Phase de bêta

Pourquoi en bêta ?

Et bien parce que c'est un sacré morceau et qu'il a besoin encore de faire ses preuves dans différents forum et dans les mains de plusieurs personnes pour qu'on soit sûr de sa solidité.

Qui peut tester la bêta ?

Tout le monde ! Mais, il est vivement conseillé de l'essayer sur des forums tests ou sur des catégories de test sur vos forums. Vous pouvez par exemple essayer d'adapter vos fiches actuelles avec le plugin et demander à vos membres de reproduire leur fiche. Si le plugin rencontre un succès, vous pourrez alors faire la transition.

N'hésitez pas à me faire vos retours et me transmettre ceux de vos membres !

Est-il difficile à installer ?

L'installation de base est très simple. Elle se déroule en trois étapes mais elle demande d'installer du code un peu partout (template, CSS, javascript). Si vous n'avez jamais ouvert un panneau d'administration d'un forum, ce n'est peut-être pas le meilleur code avec lequel commencer.

C'est l'édition du plugin (pour créer vos propres mise en page etc) qui peut s'avérer plus poussé. En réalité, c'est beaucoup de manipulation HTML avec notions qui seront peut-être nouvelles pour beaucoup.

Ne vous laissez pas impressionner par la taille du tutoriel !

La première partie suffit à réussir à installer le plugin et le faire fonctionner. La suite est à but explicatif et elle parcours toutes les possibilités qui s'offrent à vous avec ce plugin (promis ça vaut le coup).

Un énorme merci aux membres du serveur La Piscine qui ont participé à l'élaboration de ce plugin ces derniers mois 🙏 et un merci tout particulier à Poumon et Christa Lostmindy ❤

Ca a été un projet hyper passionnant mais extrêmement prenant. J'espère sincèrement qu'il deviendra aussi ""game changer"" que le Blank Theme parce que je suis convaincue qu'il peut grandement améliorer notre confort de vie de rpgiste 👏

Je me rends disponible pour tout ceux qui souhaiterai l'essayer, sur leur forum test ou sur leur forum, afin de les aider à installer le plugin et le faire découvrir à leur membre !

Enjoy !

[uroboros-if]

Fade to Black Macro

Demo

I have finally turned my fade to black transitions into a somewhat easy to use macro!! :) I am not sure if this has been done before!

Customizable fade times

Built to be compatible with backward and forward buttons (mostly!)

Works across all screen sizes

Note: This is only for SugarCube.

Setup

Copy and paste this Pastebin to your Story JavaScript.

Copy and paste this Pastebin to your Story Stylesheet.

Make a new passage titled exactly as "black_fade". Add the passage tag, "black-fade". Inside, write <div id="black"></div>. Super important! Copy below identically.

After this, your installment of the macro should be complete!

Usage

In the passages where you will be fading from and where you will be fading to, tag it as "passage-fade". For example, I want to transition from "p1" to "p2" with a black fade. Thus, both p1 and p2 should have the tag.

In the passage where you will be fading from, write <<fadestart>>.

Use the <<link>> macro to link to your destination. Inside the link macro, use <<passagefade "[passage name]" [fade time]>> where [passage name] is the passage you want to go to, and fade time is how long the black fade will be in miliseconds. (1000ms = 1s). However, do NOT put the passage you will be going to in the <> macro itself. See below:

Here, I want to go to the passage "p2". Do NOT write <<link "Next passage" "p2">><</link>>. Do not provide the destination passage in the link macro itself. The macro <<passagefade>> will handle it for you if you specify the passage name in the first argument.

Once you do all this, you should be able to sit back and happily use it as you please!

Problems?

Make sure you have the passage "black_fade" titled exactly like that.

Also make sure it has <div id="black"></div> and nothing more!

Make sure "black_fade" is tagged with "black-fade".

Make sure you used <<fadestart>> in the passage you are transitioning from.

Make sure you are correctly using the macro <<passagefade>>. You specify time in miliseconds; it should not have "ms" or "s" included in the argument. It should just be the number (e.g. 4000 for 4 seconds).

Make sure the passages you are fading from and to are tagged with "passage-fade".

There may be CSS/HTML that is interfering with the look of the fade!

There may be other JavaScript code interering with the current code.

If you are having problems, please let me take a look at your Stylesheet or let me know what template you are using! However, I highly recommend looking at the playable and downloadable demo.

(This macro is free to use, free to copy for all commercial and non-commercial projects with no additional fees. Credit is appreciated!)

[mantisfriendd]

Ok so I talked about this in tags of a post earlier but I need to talk about it properly

So a couple weeks ago I finally pulled the trigger, I dual booted Linux Mint on my laptop

It has less of my vital files on it then my pc, but I use it more for videos and general Internet stuff, so I would know if I liked it

Installing was scary but after a bit of trouble shooting with disabling bit locker it was easy, and let me be clear, that's a windows thing, because Microsoft really really doesn't want you to have freedom over your machine.

So I booted in

And like

I literally love it so much

I knew people talked about how much better Linux is and how it speeds up literally anything it's put on over windows, but like WOW

It doesn't take 2 minutes to boot up or shut down, my CPU doesn't idle at 25% for no reason, the search for files feature doesn't take 40 minutes only to show me Internet results instead of files, its wonderful.

The default theme is (in my opinion) pretty ugly, sorry whoever made it, it's just not for me.

But that's the great thing, you can literally customize this almost however you would like.

Maybe you shouldn't trust my opinion on what looks nice because I instantly installed a theme that replicated Windows 7

But I got bored of the default colors so I literally found the files where the home bar is saved and changed them to be more "minty"

That along with some CSS color editing gave me this:

You just can't do anything like this in Windows 10/11. You can change the color on windows but if I wanted, in Mint, I could completely change everything, centered icons on the taskbar, icons left justified on the taskbar, no taskbar, make it look like windows 95, it's all yours to do with whatever you want.

There are issues, I won't lie, the biggest one that will probably haunt Linux forever is compatibility.

Simply put most developers don't make native Linux versions of their software, you are lucky if there is a Mac version.

Lots and lots of Windows software CAN work on Linux through compatibility layers like Wine and Steam's Proton, but it's not 100%

My biggest problem is FL Studio and Clip Studio, neither of these I could get working with Wine or Proton so far. I'm hoping in the future I will find a way to make this work, or transition to their free and open source alternatives, but for now I'm stuck with a win 10 pc.

The other issue I've faced is that Linux seems to have a hard time recognizing and remembering my wired headphones. Like sometimes it just works, but most of the time it fails to do so.

My solution to this until I have time to troubleshoot more is to use my stupid headphone jack to USB C dongle that I bought for my stupid phone with no headphone jack.

Luckily it works fine and the type C port on my laptop literally doesn't get used otherwise.

All in all, I'm like excited to use a computer again. I used to only be excited for the programs it allowed me to use, but for the first time in a long time, the "magic" of the PC has returned for me.

Once I save up the money, my next PC will be Linux, Windows doesn't cut it anymore for me.

Ok now I'm going to kinda just talk about Linux for a bit, unrelated to my experience because my brain has been buzzing about this topic lately.

I get why guys who run Linux are so annoying about it now, because it's me now, I love this stupid OS and everyone has to hear about it.

And chances are, you've used Linux before already!

Linux is used in a ridiculous number of places because of its open source nature.

Most servers and other cloud computing systems are running Linux, many public terminals and screens run Linux, every supercomputer in the world runs Linux, if you were in the education system for the past 13~ years you might have used ChromeOS, which is built on Linux, if you have ever used an Android device you have used Linux.

It's never going to take over Windows as the go to operating system in the home, most people don't even know they could switch, and if they don't know that there's no way they are willing to put up with some of the headaches Linux brings.

Although I've spent way more time troubleshooting Windows issues then I have Linux ones so far, so maybe Microsoft stuffing so much bloated spyware into their system is starting to cause windows to rip at the seams, idk.

When I try to explain Linux to people who literally don't understand any of this I use a car metaphor

Windows is like a hatchback SUV, you buy it from a dealer and it mostly works for everyone good enough that they don't complain.

Linux is like a project vehicle in a lot of ways, the mechanic can tune it up exactly to the specifications they want, tear a bit out and put a diffrent one in, it requires some work under the engine but once that mechanic gets it the way they want it, it's incredible.

It's not a perfect metaphor but I think it gets the idea across.

Uh IDK how to finish this post, please try Linux if you can, changed my life.

[n7punk]

"Hotel Couches & Other Hail Marys" Fic Notes

These aren't the traditional format but I have enough Hidden Little Things I wanna do very loose an informal fics notes

The "Hotel Couch" was Catra's Hail Mary, but the shared bed was Catradora's, and Catradora's reunion was the fans' Hail Mary.

The way I do tweets was invented back in DITM and "perfected" in SaD, when I also invented how I do Instagram posts/stories/reels/DMs. I wasn’t reinventing shit for the changes Twitter has made, it’s ~historically accurate~ to when Dashcon happened. The one change I made was not using the block quote indent for all the digital posts I usually do, but that entire fic was digital, so I only ended up using it for indented reply chains on Twitter (which worked out better tbh) and on the Instagram chapter to distinguish the posts and the descriptions of the images/videos.

Fake tumblr posts/alternate reality dashboard simulators are already a popular format on Tumblr so there really was very little for me to do there. I made some tweaks by adding in the comment/share/like icons I use for Twitter, but overall that part was easy. The hardest part was getting the follow button blue. On Tumblr that's easy, colored text is a built-in option, but for AO3 I had to use a work skin to include some CSS for the color code. I ended up modifying the Reddit skin I had made using this tutorial because I was planning to capstone with a Reddit post anyway so I could just add on the blue on. Normally I don’t consider using colored text for many reasons (hard to read, might look great on my site skin and be invisible on others, etc), but in the case of the follow buttons they could just as easily not be there and contribute nothing but realism, so I wanted to have them in their standard blue.

Normally I don’t even consider using Tumblr when doing social media posts in a fic but considering this was inspired by Dashcon which was literally a Tumblr convention, I had to for this one. As such, the first chapter is mostly set-dressing for the disaster the convention is itself so when people complain in future chapters it makes sense. The rough outline was: Tumblr (convention background) Twitter (reconnect and beef background) Instagram (bond) DMs/texts (get together) Reddit (retrospective epilogue wrapping up the story)

Most of the usernames are just like. Random shit I could come up with. The ones on Tumblr are supposed to be random stuff on the site and the ones on Twitter lean more towards fandom-associated stuff for the She-ra fandom since it’s transitioning from the pool of All Con Attendees to the microcosm of their fans affected. Most of these can be found in previous fics such as DITM. That said, here are the name(s) with inspo behind them:

🍕nnlftbf: none pizza left beef. And no vowels. I have always desperately wanted to eat the none pizza

🦉pewpew4gloria: Star Siblings fan (reference to Starla’s bird)

🐍nagashed: this is a reference to both the plethora of (human animal hybrid)(bodypart) tumblr usernames (ex: dragongirlsnort) and a manga that my friend is reading.

🎃pumpkakitty: reference to a really cute hat in Pokemon Go 🥺 (okay it’s supposed to be a pikachu but it looks like a kitty tbh)

🌈edgeofgloria: another Star Siblings fan

He-Ro in the Freak Zone @frightzest: He-Ro is an actual MOTU character, frightzest is from DITM

Aside: the “looki loo” thing is a reference to Razz’s good ol pal Looki, hence the fandom in-joke

praying mantis wife @nineten02: nineten is a reference to my Stardew Valley chickens <3

Katastrophe @viviviolence: Vi’s shoulders you mean so much to me

Oh yeah Zeni is Zine just. Flipped. Also the original She-ra artist was one of the two sponsors who pulled out and the entire reason they were there. I mean what?

When Adora called Catra aggravating on camera she was doing it in a horny way but with Real Beef between them it didn’t come across that way. She also said they wouldn’t work together as a factual thing rather than spiteful. There was no way the studio OR Catra would let them.

When Catra said she’s “finally suing” she’s referring to the long-standing rumor that the previous showrunner “stepped back” because Catra was threatening to sue for the wage/credit theft, or the discrimination, or the abusive work environment, or the-

The dates Adora reached out to Catra via DMs were all significant ones for the real series — season 1 debut for when they were nominated, prompting the thank you story, season 2 debut for when they won the award (I didn’t look up and don’t care when the actual GLAADs are lol), and season 3 debut when ZeniCon is actually taking place. Almost three years have passed since Catra’s ousting from the show back between seasons 3 and 4, tho.

Given the NDA and general threat-level from the studio, Adora didn’t think she could mention Catra on her main page without getting a talking to even with Weaver officially departed, so she tried to do it on her story, but Catra did NOT want the heat that could bring.

The foam She-ra crown from the Instagram reel is the same one they gave out at cons in 2018 and 2019.

Adora calling it the “season 5” rather than “season 4” wrap part led to fan speculation that season 5 really was written by Catra except for the weakest parts — some stuff needing to be condensed, the insertion of a new storyline — which like. Well they are right. But she said season 5 rather 4 (which was wholly Catra’s) because it’s the part she’s most proud of even after they took it from her. It’s what she was building to the whole time.

Catra and Adora lasted like ten minutes lying next to each other in bed before they ended up kissing and when it started progressing they snuck into the bathroom. It was obvious Bow was asleep and they were just hoping Glimmer was too. Glimmer, too, wishes she was asleep.

Glimmer refers to Catra being “at her worst” because she got really aggressive and disparaging of her old cast out of bitterness after they wouldn’t back her up in the press (to keep their jobs). They all understand why, but it is still frustrating.

Melendy is from my fic lore, she’s a magicat character I use sometimes who is named after Catra’s VA in the 80s. She plays a recurring character on the show, though on the minor side.

I linked the Ohio con video because 1) that video is the ONLY time I’ve heard of it and I love the drama 2) to hammer home all the shit I say in this isn’t just from Dashcon, I am not here to libel people and 3) because I like my secret little links, BUT if you want to see a good video on Dashcon, watch this one and literally never watch Internet Historian he’s a POS: https://www.youtube.com/watch?v=ZAqy-KDJAUM

The behind the scenes shitshow for She-Ra itself was inspired by the TV show Lost (though Catra keeping her storylines secret was inspired by Real She-ra and ND Stevenson)

Like I said, I had been wanting to do a fic that was “just digital” for a while. The massive problem with that is getting across the shit people don’t post online because there is not a single trace of Catra and Adora potentially being a couple until after ZeniCon. Catra and Adora were basically wildly attracted to each other from the moment they met on the show but wouldn’t cross that barrier because they worked together (especially because of where they worked together). They ended up hooking up during some high-stress times for the show just to deal with how much they wanted each other. Catra felt really betrayed when the cast wouldn’t stick their necks out for her when she was ousted. Privately they were all on her side and told the studio so, but to publicly side with her was to lose their jobs, and the show was their entire life. They ultimately picked their passion & livelihood over showing public support they didn’t think would make a difference anyway and she cut all ties with them. They did what they felt they could, which was mostly never denying her version of events and deflecting questions when they had no other choice, but they all felt bad about it and tried to reach out to her privately. She didn’t want to hear it, but fans were right that the real beef was with the studio. She fell back into their arms eventually because she could see they were doing what they could while keeping their jobs, and she knew just how much being unemployed sucked. Adora was also telling the truth when she said they were fighting for her version of the story by staying on the show and no matter how much Catra calls it theft, that is what she wants for her characters. Being forced into the same room let them all remember what it was like to be friends, and that’s what led them to eventually giving their apologies.

I have no idea why, when presented with “lol dashcon au” my brain goes “rampant wage theft, behind the scenes abuse, disgrace and scandal, show extension hell a la supernatural, brrrrrrrrrr” but there we go

[track-maniac]

no don't worry. of course i don't like css, especially bullshit animations. my use of the transition property is purely a sex thing

[dseval]

Hello audience. Unfortunately, I am still on my break. However, I am happy to announce that I am still alive and kicking. In fact, I decided to make use of my unemployment and revisit HTML, CSS, and JavaScript to create... A visual novel.

Good News: code is 100% reusable because I used a JSON (i do not know how that works, someone can kindly explain to me...)

Bad News: this code sucks ass, and NOTHING works except playing the story. Transitions? Doesn't work. UI/UX? Ass. Effects? Hell no... Also, 70% of the features aren't present yet I'm gonna do it later.

Oh, this is CrossDust, if you can't tell.

Dust Sans by Ask-Dusttale, Cross Sans by Jakei

I'm gonna respond to asks and do requests later (After my break is over). This is just a small update teehee.

[mournstera]

A Dark Mode guide - with CSS variables and JS

This was first published January 2022, but has been completely rewritten and updated in 2024!

This guide is aimed to make displaying dark mode more accessible and stable. I had a long talk with a user of one of my themes, who has some eyesight difficulties, I wanted to improve on accessibility in my themes - beginning with a better dark mode experience.

What we want

When selected, dark theme to stay dark when refreshing a page

To prevent default (light) theme from flashing before displaying dark mode when browsing

If a visitor has dark mode on their computer/device, honor their preference and display dark mode with the option to turn on light mode

a snappy transition(!) - with a way to override it though!

[View guide]

[jcmarchi]

The selectmenu Element is No More…Long Live select!

New Post has been published on https://thedigitalinsider.com/the-selectmenu-element-is-no-morelong-live-select/

The selectmenu Element is No More…Long Live select!

I was looking over an older article Patrick Brosset penned for us introducing <selectmenu>, a new proposal at the time for a more style-able cousin to <select>. From there, I clicked the linked-up <selectmenu> explainer and got… this:

OK, link rot is a thing and happens all the time. Perhaps the site needs a little URL designing? But no, it’s not that at all. I searched a bit and found Jared White’s post saying that <selectmenu> is no more, which came by way of Una’s post over at the Chrome Developer Blog seeking feedback on a “customizable select”. And Adam Argyle’s got a wonderful demo dedicated to it, no surprise there.

I’m only sharing the links for now but plan to spend some time with it and jot down notes on Open UI’s new page for the Customizable <select>. I enjoyed looking at the boilerplate from Adam’s demo as a first glance:

select &, &::picker(select) appearance: base-select; &::picker(select) transition: display allow-discrete 1s, opacity 1s, overlay 1s allow-discrete ; &:not(:open)::picker(select) opacity: 0; &:open::picker(select) opacity: 1; @starting-style opacity: 0;

I see the ::picker(select) there that’s driving all of it. If I sneak a peek at Una’s post, I see that there are more ways to select different <select> parts, including:

<selectedoption> (the current selection)

<option> (which now accepts HTML in between the tags!)

option::before

option:checked (a little confusion here with the selected option)

<button> (the little chevron arrow marker thingy)

So, perhaps Chrome is more of a fan of extending the native <select> with additional CSS features for selecting the existing parts rather than moving forward with a completely new element. That’s cool, as one of Una’s demos shows how we still get the default <select> behavior even if a browser does not support the new selectors.

Direct Link →

[redcloaklynx]

i should be doing things i don’t want to do so of course my brain is stuck thinking about all the silly fics i have not had time to write (there are many serious fics in progress that i also do not have time to write but this post is about the silly ones)

i want a coffee shop/flower shop cazador/astarion au that is pure fluff. crack taken seriously situation where cazador is a little unnerving but he’s just a socially awkward, depressed, probably neurodivergent guy. astarion’s a little rude about it and fantasizes about what if he’s a serial killer and whatnot but no. they get together and it’s fine. the sex has elements of light bdsm and it’s fine. caz saves astarion’s business from bankruptcy. astarion moves cities a few years later, and they separate and drift apart. the end. i don’t know what the audience for this fic would be, i am just interested in waging psychological warfare against the reader.

i also want to write a fic about how cazador overturns vellioth as a modern au told through caz’s reddit account. honestly i started writing this one and realized there’s no existing ao3 workskin for what i’m looking for and the prospect of doing the css is daunting. all i have rn is a post in r/breakingbad asking if the chemically-caused murders in the show are accurate and a post in r/reddit complaining about the new ui because caz strikes me as the type of person to take the transition from old reddit to new reddit badly

[clonecoding-en]

Exploring Web Animation: CSS vs. JavaScript

This article delves into the realm of web animation, exploring a wide range of techniques used to enhance the visual allure and interactivity of websites. The piece discusses the implementation of various animations using both CSS and JavaScript, highlighting the unique benefits each approach offers. While both CSS and JavaScript can achieve similar animation effects, the article suggests that, in most cases, using CSS is the preferred option due to its advantages.

The article delves into the fundamental concepts and practical examples of different animation techniques, such as transitions, keyframe animations, transforms, rotation and spin, scaling, fade in/fade out, and blinking effects. By showcasing how these techniques can be executed using both CSS and JavaScript, the article aims to empower designers and developers to make informed decisions about which method to choose for their animations. Additionally, the article emphasizes the recommendation to lean towards using CSS for animations, highlighting its benefits in terms of performance, simplicity, and consistent behavior across browsers and devices.

[namethefallen]

i was gonna do a funny post about an inchworm being punted sideways and having to curl up and recover for a bit before making it's way back to where it was, but APPARENTLY some of yall find the inchworm joke WEIRD so instead i'm just gonna say that imgur sucks, i fixed the broken links in Peripeteia and Empty Heart, and i will be starting to transition over to MSPFA for hosting purposes.

The transfer may or may not be completed on June 4th, I don't know how long it will take yet or how mad with power i'll go over the css and javascript.

anyways. poll.